<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Autenticação - Notario EP</title>
        <link href="media/css/grid.css" rel="stylesheet" type="text/css" />

        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />

        <link rel="stylesheet" type="text/css" href="media/css/grid.css"  />
        <link rel="stylesheet" type="text/css" href="media/css/style.css"/>
        <link rel="stylesheet" type="text/css" href="assets/styles/style.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="assets/styles/orbit-1.2.3.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="assets/styles/jquery.fancybox-1.3.4.css" media="screen" />


    </head>
    <body>
        <style type="text/css">
            nav {
                width: 681px !important;
            }
        </style>

        <div class="wrapper" style="width: 600px;">
            <header>
                <!--                    <h1>NOTARIO ESCRITURA E PROCURACOES</h1>-->
                <br/>
            </header>
            <div class="nav-container">
                <nav>
                    <ul>
                        <li><a href="#home" style="margin-left:180px;font-size:35px;">AUTENTICACAO</a></li>
                    </ul>
                    <div class="nav-left"></div>
                    <div class="nav-right"></div>
                    <div class="nav-above"></div>
                </nav>
            </div>
            <section id="home">
                <form action="j_security_check" method="POST" class="container_24 clearfix">
                    <div style="background-color: #FFEBE8; border: 1px solid #DD3C10;">
                        <p style="font-size: 13px; color:#333333; font-weight: bold;">Erro na Autenticação</p>
                        <p style="font-size: 11px; color:#333333;">Usuário e Senha incorretos</p>
                    </div>
                    <br/><br/>
                    <label for="id_username" class="grid_3">Login:</label>
                    <input type="text" name="j_username" 
                           class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all grid_20" id="id_username" maxlength="30" /></td>
                    <div style="margin-top:5px;" class="grid_24" ></div>
                    <label for="id_password" class="grid_3">Senha:</label>
                    <input type="password" name="j_password" 
                           class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all grid_20" id="id_password" />
                    <div style="margin-top:10px;" class="grid_24" ></div>
                    <div class="buttonAction">
                        <input type="submit" name="button" 
                               class="ui-inputfield ui-inputtext
                               ui-widget ui-state-default ui-corner-all" value="Entrar" size="30"  />
                    </div>

                    <input type="hidden" name="next" value="{{ next|escape }}" />

                </form>
                <hr/>
            </section>
            <section id="about"></section>
            <footer>
                <p class="left">Copyright © 2013 - Todos os Direitos  Reservados<br/>
                    <a href="http://www.foxlinetech.com.br">Fox Line Technologies</a></p>
            </footer>
        </div>
        <!--        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> -->
        <script type="text/javascript" src="assets/scripts/jquery.orbit-1.2.3.min.js"></script> 
        <script type="text/javascript" src="assets/scripts/jquery.tweet.js"></script> 
        <script type="text/javascript" src="assets/scripts/jflickrfeed.js"></script> 
        <script type="text/javascript" src="assets/scripts/jquery.fancybox-1.3.4.pack.js"></script> 
        <script type="text/javascript" src="assets/scripts/jquery.scrollTo-1.4.2-min.js"></script> 
        <script type="text/javascript" src="assets/scripts/waypoints.min.js"></script> 
        <script type="text/javascript" src="assets/scripts/navbar.js"></script> 
        <script type="text/javascript" src="assets/scripts/functions.js"></script>
        <script  type="text/javascript" src="media/js/autoNumeric.js"></script>

    </body>
</html>